@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;line-height: 2em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html,body{font-size: 16px;line-height:2em;color: #000;font-family: 'Source Han Sans CN','思源黑体',PingFang SC,Microsoft Yahei,Arial,Hiragino Sans GB,STHeiti,'华文细黑',sans-serif;background: #fff;}
ul,ol,li{list-style:none}
a{color: inherit;text-decoration:none;outline: none;}
a:hover{text-decoration:none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease; }
img{display: block;max-width: 100%;height: auto;border:0;}
em,i,b{font-style: normal;font-weight: normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.before, .after{position: relative;display: block;line-height: 1em;}
.before:before, .after:after{position: absolute;display: block;content: "";}
.imgbigout{display: block;overflow: hidden;}
.imgbigout .imgbig{display: block;max-width: 100%;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.imgbigout:hover .imgbig{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1) }
.imgbigout img{display: block;max-width: 100%;margin: 0 auto;}
input{-webkit-appearance:none;outline: none;background: none;border: none;}

/*分页框架*/
.pager-box{margin-top: 70px;text-align: center;}
.pager{display: inline-block;margin: 0 auto;}
.pager span,.pager a{float: left;display:inline-block;width: 40px;height: 40px;margin: 0 6px;color: #555;line-height: 40px;text-align:center;border-radius: 5px;}
.pager .now{color:#fff;background-color: #ff5100;}
.pager .current,.pager .p1{display: none;}
.pager .p1:first-child, .pager .current:first-child{background-position: -2px -33px;}
.pager .p1:last-child, .pager .current:last-child{background-position: -34px -33px;}
.pager .p1:hover{background-color: #ff5100;}
.pager .p1:first-child:hover{background-position: -2px -1px;}
.pager .p1:last-child:hover{background-position: -34px -1px;}

/* 通用 */
.inner{padding: 0 2%;box-sizing: border-box;}
.w1400{width: 90%;max-width: 1400px;margin: 0 auto;}
.more{display: block;width: 180px;height: 54px;text-align: center;line-height: 50px;border: 2px solid #000;border-radius: 54px;box-sizing: border-box;}
.more:hover{color: #fff;background: #ff5100;border-color: #ff5100;}
.font16 p{margin-bottom: 1em;font-size: 16px;line-height: 1.875em;color: #555;text-indent: 2em;text-align: justify;}
.font16 p:last-child{margin-bottom: 0;}

.font-45{font-size: 45px;line-height: 1;}
.font-35{font-size: 35px;line-height: 1;}

.slide-page{display: none;left: auto;transform: translateX(0) !important;margin: 15px auto 0;text-align: center;}
.slide-page .swiper-pagination-bullet{background: #dcdcdc;opacity: 1;outline: none;}
.slide-page .swiper-pagination-bullet-active{background: #ff5100;}
.swiper-button-disabled{cursor: not-allowed;opacity: .5;}
.com-shadow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



.head{position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;color: #000;background: #fff;border-bottom: 1px solid rgba(255,255,255,.15);box-shadow: 0 0 10px rgba(0,0,0,.05);transition: background-color .5s;-webkit-transition: background-color .5s;}
.head-inner{padding: 15px 2%;}
.head-company{float: left;display: flex;justify-content: space-between;align-items: flex-end;}
.head-company .head-logo{display: block;width: 156px;margin-right: 18px;}
.head-company .head-logo .logo-w{display: none;}
.head-company .head-stock{}
.head-company .head-stock p{font-size: 14px;line-height: 1.57;color: #000;text-align: justify;text-align-last: justify;}
.head-company .head-stock p span:nth-child(2){letter-spacing: 2px;}
.head-company .head-stock p span{display: block;text-align-last: justify;text-align: justify;}
.head-nav{float: right;margin-right: 1.8%;padding: 7px 0;}
.head-nav .navli{position: relative;float: left;margin-left: 30px;}
.head-nav .navli:first-child{margin-left: 0;}
.head-nav .navli .navli-a{display: block;padding: 0 20px;line-height: 46px;color: #000;}
.head-nav .navli-hide{display: none;position: absolute;top: 110%;left: 50%;min-width: 180px;transform: translateX(-50%);text-align: center;}
.head-nav .navli-hide-inner{position: relative;margin-top: 14px;padding: 16px 10px;background: #fff;border-radius: 5px;box-shadow: 0 -2px 10px rgba(0,0,0,.08);}
.head-nav .navli-hide-inner::before{position: absolute;top: -10px;left: 50%;display: block;content: "";width: 0;height: 0;transform: translateX(-50%);border-right: 7px solid transparent;border-bottom: 10px solid #fff;border-left: 7px solid transparent;}
.head-nav .navli .navli-hide a{display: block;margin: 4px 0;line-height: 1.875em;color: #000;}
.head-nav .navli:hover .navli-a, .head-nav .navli-active .navli-a{color: #ff5100 !important;background: #fff;border-radius: 46px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.head-nav .navli .navli-hide a:hover{color: #ff5100;}
.head-tool{float: right;display: flex;align-items: center;}
.head-tool .head-tool-search{margin-right: 42px;padding: 0 38px;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}
.head-tool .head-tool-search i{display: block;font-size: 20px;line-height: 90px;}
.head-tool .head-tool-lang{position: relative;margin-top: 12px;color: #000;}
.head-tool .head-tool-lang .lang-title{position: relative;z-index: 2;display: flex;align-items: center;padding: 0 14px;border: 2px solid #000;border-radius: 35px;}
.head-tool .head-tool-lang span{display: inline-block;margin-right: 10px;font-size: 14px;line-height: 31px;}
.head-tool .head-tool-lang i{font-size: 14px;}
.head-tool .head-tool-lang .lang-list{display: none;position: absolute;top: 100%;left: 0;width: 100%;margin-top: -20px;padding: 30px 14px 10px;border-radius: 4px;box-sizing: border-box;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.head-tool .lang-list a:hover{color: #ff5100;}
.head-tool .head-tool-lang:hover .lang-list{display: block;}
.head-on{color: #fff;background: none;}
.head-on .head-tool .head-tool-lang{color: #fff;}
.head-on .head-tool .head-tool-lang .lang-title{border-color: #fff;}
.head-on .head-company .head-logo .logo-w{display: block;}
.head-on .head-company .head-logo .logo-b{display: none;}
.head-on .head-nav .navli .navli-a{color: #fff;}
.head-on .head-company .head-stock p{color: #fff;}
.head:hover{color: #000;background: #fff;}
.head:hover .head-company .head-stock p{color: #000;}
.head:hover .head-nav .navli .navli-a{color: #000;}
.head:hover .head-tool .head-tool-lang{color: #000;}
.head:hover .head-tool .head-tool-lang .lang-title{border-color: #000;background: #fff;}
.head:hover .head-company .head-logo .logo-w{display: none;}
.head:hover .head-company .head-logo .logo-b{display: block;}

.i-banner .banner-container{height: 100vh;}
.i-banner .item .item-pc, .i-banner .item .item-m{height: 100%;}
.i-banner .item-img{height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}

.i-banner .item .item-shadow{background: rgba(0,0,0,.3);}
.i-banner .item:nth-child(1) .item-shadow{background: rgba(0,0,0,0);}
.i-banner .item-con{position: absolute;top: 34%;left: 13.5%;margin-top: 45px;}
.i-banner .item-con::after{position: absolute;top: -32px;left: 0;display: block;content: "";width: 34px;height: 3px;background: #fff;}
.i-banner .item-text{margin-bottom: 70px;}
.i-banner .item-text p{font-size: 50px;font-weight: bold;line-height: 1.4;color: #fff;}
.i-banner .item-more{display: inline-block;padding: 18px 32px;line-height: 1em;color: #fff;border: 2px solid #fff;border-radius: 50px;}
.i-banner .item-more:hover{color: #fff;background: #ff5100;border-color: #ff5100;}
.banner-page{position: absolute;z-index: 9;bottom: 40px;left: 0;width: 100%;text-align: center;}
.banner-page .page-point{position: relative;display: inline-block;width: 30px;height: 30px;margin: 0 12px;cursor: pointer;}
.banner-page .page-point::before{position: absolute;top: 0;left: 0;display: block;content: "";width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;box-sizing: border-box;}
.banner-page .page-point::after{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;content: "";width: 12px;height: 12px;background: #fff;border-radius: 50%;}
.page-point .page-point-left, .page-point .page-point-right{position: absolute;top: 0;width: 50%;height: 100%;z-index: 1;overflow: hidden;}
.page-point .page-point-bar{position: absolute;top: 0;width: 100%;height: 100%;border: 2px solid #ff5100;box-sizing: border-box;}
.page-point .page-point-left{left: 0;display: none;}
.page-point .page-point-left .page-point-bar{left: 100%;border-top-right-radius: 80px;border-bottom-right-radius: 80px;border-left: 0;-webkit-transform-origin: center left;transform-origin: center left;animation: loading-2 2.5s linear forwards 2.5s;}
.page-point .page-point-right{right: 0;display: none;}
.page-point .page-point-right .page-point-bar{left: -100%;border-top-left-radius: 80px;border-bottom-left-radius: 80px;border-right: 0;-webkit-transform-origin: center right;transform-origin: center right;animation: loading-1 2.5s linear  forwards;}
.banner-page .page-point-active::after{background: #ff5100;}
.banner-page .page-point-active .page-point-left, .banner-page .page-point-active .page-point-right{display: block;}
@keyframes loading-1{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100%{-webkit-transform: rotate(180deg);transform: rotate(180deg);} }
@keyframes loading-2{0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(180deg); transform: rotate(180deg);} }

.i-tags{margin-top: 5.7%;margin-bottom: 4.7%;overflow: hidden;}
.i-tags .i-tags-inner{}
.i-tags .i-tags-tit{margin-bottom: 2%;text-align: center;}
.i-tags-tit h5{font-size: 72px;line-height: 0.75em;font-weight: bold;color: #f6f6f6;text-transform: uppercase;}
.i-tags-tit h6{margin-top: -50%;}
.text-color{
  display: inline-block;
  background: #ff5100;  /* fallback for old browsers */
  background-image: -webkit-linear-gradient(to right, #ff5100,  #ffb119);  /* Chrome 10-25, Safari 5.1-6 */
  background-image: linear-gradient(to right, #ff5100,  #ffb119); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.i-tags-main{position: relative;}


.i-area{margin-bottom: 80px;}
.i-area .i-area-img{}
.i-area .i-area-img .swiper-slide{position: relative;}
.i-area .i-area-img .swiper-slide .shadow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);}
.i-area .i-area-img .item-text{position: absolute;left: 0;bottom: 100px;width: 100%;color: #fff;text-align: center;z-index: 9;}
.i-area .i-area-img .item-text .text-tit{margin-bottom: .8em;font-size: 45px;line-height: 1;}
.i-area .text-more{width: 136px;height: 45px;line-height: 41px;margin: 0 auto;border-color: #fff;}
.i-area .text-more:hover{border-color: #ff5100;}
.i-area-tabs{padding: 0 20px;overflow: hidden;}
.i-area-tabs .item-a{display: block;padding: 54px 0 45px;text-align: center;cursor: pointer;}
.i-area-tabs .item-a .item-bg{position: absolute;top: 50%;left: 0;width: 100%;height: 300px;border-radius: 50%;transform: translateY(-50%);}
.i-area-tabs .item-a i{position: relative;display: block;margin-bottom: 1em;font-size: 34px;line-height: 1;color: #777;}
.i-area-tabs .item-a p{position: relative;line-height: 1;}
.i-area-tabs .swiper-slide-thumb-active .item-a{color: #fff;}
.i-area-tabs .swiper-slide-thumb-active .item-bg{background: #ff5100;}
.i-area-tabs .swiper-slide-thumb-active .item-a i{color: #fff;}
.i-area-tabs .swiper-slide-thumb-active::before, .i-area-tabs .swiper-slide-thumb-active::after{position: absolute;left: -10px;display: block;content: "";width: 100%;height: 300px;padding: 0 10px;border-radius: 50%;background: rgba(243,112,11,.15);animation: bgscale 16s linear infinite;;}
.i-area-tabs .swiper-slide-thumb-active::before{top: -80px;}
.i-area-tabs .swiper-slide-thumb-active::after{bottom: -80px;}
@keyframes bgscale{0%{transform: scale(0.95)} 50%{transform: scale(1)} 100%{transform: scale(0.95)} }

.i-title{}
.i-title .cn-tit{margin-bottom: .3em;font-size: 45px;line-height: 1;}
.i-title .en-tit{font-size: 35px;font-weight: bold;line-height: .8;color: #999;text-transform: uppercase;opacity: .2;}
.i-safety{margin-bottom: 5.7%;}
.i-safety .i-safety-top{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 20px;}
.i-safety-top .i-safety-btn{display: flex;justify-content: space-between;align-items: center;width: 610px;max-width: 100%;}
.i-safety-top .i-safety-btn a{display: block;width: 70px;height: 70px;border-radius: 50%;border: 1px solid #e8e8e8;text-align: center;}
.i-safety-top .i-safety-btn i{font-size: 20px;line-height: 70px;color: #181818;}
.i-safety-top .i-safety-btn .i-safety-prev{transform: rotateY(180deg);}
.i-safety-top .i-safety-btn a:hover{border-color: #ff5100;background: #ff5100;}
.i-safety-top .i-safety-btn a:hover i{color: #fff;}
.i-safety-top .i-safety-btn .i-safety-line{position: relative;width: calc(100% - 250px);height: 2px;background: #eee;}
.i-safety-top .i-safety-btn .i-safety-line::after{position: absolute;top: 0;left: 0;display: block;content: "";width: 0;height: 2px;background: #ff5100;transition: all .1s;}
.i-safety-top .i-safety-btn .line-on::after{width: 100%;transition: all 5s;}

.i-safety-container .item .item-tit{margin-bottom: .7em;font-size: 24px;line-height: 1;color: #ff5100;opacity: 0;}
.i-safety-container .item .item-img{margin-bottom: 20px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.i-safety-container .item-img-m{display: none;}
.i-safety-container .item .item-img img{display: block;width: 100%;height: auto;}
.i-safety-container .item .item-text{opacity: 0;}
.i-safety-container .item .item-text p{color: #555;line-height: 1.875em;}
.i-safety-container .swiper-slide-active .item-tit{opacity: 1;}
.i-safety-container .swiper-slide-active .item-text{opacity: 1;}

.i-product{padding-bottom: 110px;}
.i-product .i-product-title{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 75px;}
.i-product .i-product-main{position: relative;}
.i-product-main .item{background: #f5f5f5;border-radius: 5px;overflow: hidden;}
.i-product-main .item .item-img{border-bottom: 1px solid #e8e8e8;overflow: hidden;}
.i-product-main .item .item-img img{display: block;width: 100%;height: auto;transition: all 1s;}
.i-product-main .item .item-text{padding: 10px 20px;color: #333;transition: background-color .7s;}
.i-product-main .item:hover .item-img img{transform: scale(1.1);}
.i-product-main .item:hover .item-text{color: #fff;background: #ff5100;}
.i-product-main .i-product-btn{position: absolute;top: 50%;left: 0;width: 100%;}
.i-product-main .i-product-btn .prev{left: -60px;}
.i-product-main .i-product-btn .next{right: -60px;}

.i-about{;padding: 136px 0 76px;background: url(img/i-about-bg.jpg) center no-repeat;background-size: cover;}
.i-about-top{display: flex;justify-content: space-between;margin-bottom: 48px;}
.i-about-title{}
.i-about .i-about-main{display: flex;justify-content: space-between;margin-bottom: 100px;}
.i-about-text{width: 62%;}
.i-about-sum p{margin-bottom: 1em;color: #555;line-height: 1.75em;text-align: justify;}
.i-about-sum strong{font-size: 20px;color: #ff5100;}
.i-about-sum p a{color: #ff5100;}
.i-about-img{width: 32%;padding-top: 50px;padding-bottom: 6px;}
.i-about-img .i-about-img-inner{position: relative;height: 100%;}
.i-about-img .i-about-video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff url(img/i-about.jpg) center no-repeat;background-size: cover;}
.i-about-img .i-about-video .shadow{background: rgba(0,0,0,.15);transition: all .7s;}
.i-about-img .i-about-video:hover .shadow{background: rgba(0,0,0,.3);}
.i-about-img .video-btn{position: relative;display: block;width: 100%;height: 100%;}
.i-about-img .video-btn i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 60px;height: 60px;font-size: 20px;color: #fff;text-align: center;line-height: 56px;border-radius: 50%;border: 2px solid #fff;box-sizing: border-box;}
.i-about-bottom .i-about-bottom-tit{margin-bottom: 1em;font-size: 28px;line-height: 1;color: #000;text-align: center;}
.i-about-bottom .i-about-bottom-tips{margin-top: 30px;text-align: center;}
.i-about-bottom .i-about-partner{display: flex;justify-content: space-between;align-items: center;}
.i-about-bottom .i-about-partner li{margin-left: 45px;}
.i-about-bottom .i-about-partner li:first-child{margin-left: 0;}

.i-contact{position: relative;padding: 100px 0 140px;color: #fff;background-image: url(img/i-contact-bg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;}
.i-contact .i-contact-title{margin-bottom: 40px;}
.i-contact-main .i-contact-text{width: 50%;}
.i-contact-main .i-contact-text .i-contact-sum p{margin-bottom: 7px;line-height: 1.8;}
.i-contact-main .i-contact-text .i-contact-sum p:last-child{margin-bottom: 0;}
.i-contact-main .i-contact-form{width: 44%;color: #fff;box-sizing: border-box;}
.i-contact-form .row{display: flex;margin-bottom: 26px;padding: 16px 20px;background: rgba(255,255,255,.2);}
.i-contact-form .row-box{display: flex;justify-content: space-between;}
.i-contact-form .row-box .row{width: 70%;margin-bottom: 0;}
.i-contact-form .row-box .contact-submit-row{width: 26%;}
.i-contact-form .row span{width: 60px;line-height: 32px;}
.i-contact-form .row input{display: block;width: 100%;line-height: 32px;color: #fff;}
.i-contact-form .row textarea{width: 100%;height: 96px;line-height: 32px;background: none;resize: none;outline: none;border: none;color: #fff;/*overflow: hidden;*/}
.i-contact-form .contact-submit-row{text-align: right;/*margin-top: 50px;*/}
.i-contact-form .contact-submit{display: inline-block;width: 90%;height: 64px;color: #fff;line-height: 64px;border: 1px solid #999;cursor: pointer;box-sizing: border-box;}
.i-contact-form .contact-submit:hover{background: #ff5100;border-color: #ff5100;color: #fff;}
.gotop{display: none;position: absolute;left: 50%;bottom: -80px;width: 160px;height: 160px;transform: translateX(-50%);color: #fff;text-align: center;border-radius: 50%;background: #ff5100;}
.gotop i{display: block;margin: 0.8em 0 0.4em;font-size: 24px;line-height: 1;transform: rotateX(180deg);}
.gotop span{display: block;line-height: .8;}

.fixed-tool{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 99999;}
.fixed-tool .fixed-tool-ul>li{position: relative;margin-bottom: 5px;}
.fixed-tool li>a{position: relative;display: block;width: 60px;height: 60px;background: #ff5100;z-index: 9;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.fixed-tool span{display: block;font-size: 16px;line-height: 60px;color: #fff;display: block;text-align: center;}
.fixed-tool .icon{position: absolute;display: block;left: 0;top: 0;width: 60px;height: 60px;box-shadow: 0 0 10px rgba(0,0,0,.1);background-position: center;background-repeat: no-repeat;}
.fixed-tool .wh .icon{background-image: url(img/tool-icon0.png);}
.fixed-tool .tel .icon{background-image: url(img/tool-icon1.png);}
.fixed-tool .weixin .icon{background-image: url(img/tool-icon2.png);}
.fixed-tool .email .icon{background-image: url(img/tool-icon3.png);}
.fixed-tool .fixed-gotop .icon{background-image: url(img/tool-icon4.png);}
.fixed-tool .tool-hide{position: absolute;left: 50px;top: 0;width: 180px;height: 60px;background: #fff;opacity: 0;transition: all .7s ease;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.fixed-tool .tool-hide a{display: block;font-size: 14px;color: #ff5100;line-height: 60px;text-align: center;}
.fixed-tool .weixin .tool-hide{top: 50%;width: auto;height: auto;padding: 10px;transform: translateY(-50%);}
.fixed-tool .weixin .tool-hide:after{
  position: absolute;right: -10px;top: 50%;margin-top: -12px;display: block;content: "";width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 10px solid #fff;
}
.fixed-tool li:hover>a{background: #fff;color: #ff5100;}
.fixed-tool li:hover span{color: #ff5100;}
.fixed-tool li:hover .tool-hide{left: -180px;opacity: 1;}
.fixed-tool .weixin:hover .tool-hide{left: -130px;}
.fixed-tool .wh:hover .icon{background-image: url(img/tool-icon00.png);}
.fixed-tool .tel:hover .icon{background-image: url(img/tool-icon11.png);}
.fixed-tool .weixin:hover .icon{background-image: url(img/tool-icon22.png);}
.fixed-tool .email:hover .icon{background-image: url(img/tool-icon33.png);}
.fixed-tool .fixed-gotop:hover .icon{background-image: url(img/tool-icon44.png);}

.greet-box{width: 1200px !important;max-width: 92%;max-height: 90%;overflow-y: auto;/*height: 600px !important;*/}
.alert-greet{padding: 60px 50px 50px;overflow: hidden;}
.alert-greet h6{margin-bottom: 20px;font-size: 24px;line-height: 1em;letter-spacing: 10px;text-align: center;color: #ff5100;}
.alert-greet p{margin-bottom: 1em;font-size: 14px;text-indent: 2em;}
.alert-greet strong{color: #ff5100;}
.alert-greet .alert-greet-inner{position: relative;}
.alert-greet .alert-greet-inner .wh-span{position: absolute;display: block;font-size: 100px;line-height: 1;color: #ff5100;font-weight: bold;}
.alert-greet .alert-greet-inner .wh-span1{top: -28px;left: -70px;}
.alert-greet .alert-greet-inner .wh-span2{bottom: -80px;left: 240px;}
.alert-greet .com-tips{text-align: right;margin-top: 10px;display: none;}
.com-tips, .article-read-con .service-info{font-size: 13px !important;color: #999 !important;font-family: "SimSun";}

.i-news{padding: 100px 0 124px;background: #f6f6f6;}
.i-news .i-news-title{margin-bottom: 10px;}




.foot{color: #b3b3b3;background: #1b1b1b;}
.foot .foot-inner{padding: 54px 0 0;background: url(img/foot-map.png);background-position: bottom 0 right 134px;background-repeat: no-repeat;}
.foot-top{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 54px;padding-bottom: 20px;border-bottom: 1px solid #323232;}
.foot-top .foot-top-nav{}
.foot-top .foot-top-nav a{position: relative;display: inline-block;margin-right: 60px;}
.foot-top .foot-top-nav a::after{position: absolute;right: -30px;top: 50%;display: block;content: "";width: 1px;height: 14px;margin-top: -7px;background: #323232;}
.foot-top .foot-top-nav a:last-child{margin-right: 0;}
.foot-top .foot-top-nav a:last-child::after{display: none;}
.foot-top .foot-top-tel a{display: flex;align-items: center;font-size: 30px;line-height: 1em;color: #fff;}
.foot-top .foot-top-tel i{display: inline-block;width: 46px;height: 46px;margin-right: 22px;font-size: 20px;line-height: 46px;text-align: center;font-weight: bold;color: #fff;background: #ff5100;border-radius: 50%;}
.foot-main{margin-bottom: 24px;}
.foot-main .foot-main-nav{display: flex;justify-content: space-between;width: 40%;}
.foot-main .foot-main-nav a{line-height: 1;}
.foot-main .foot-main-nav dt{margin-bottom: 40px;line-height: 1;}
.foot-main .foot-main-nav dt a{font-size: 20px;color: #fff;}
.foot-main .foot-main-nav dd{margin-bottom: 16px;line-height: 1;}
.foot-main .foot-main-info{width: 52%;}
.foot-main .foot-main-info .info-contact .info-copyright{max-width: 370px;margin-top: 18px;font-size: 14px;color: #fff;}
.foot-main .foot-main-info .info-contact a{display: flex;align-items: flex-start;margin-bottom: 20px;color: #fff;}
.foot-main .foot-main-info .info-contact i{margin-right: 30px;font-size: 26px;color: #fff;}
.foot-main .foot-main-info .fr{display: flex;justify-content: space-between;}
.foot-main .foot-main-info .info-code{}
.foot-main .foot-main-info .info-code img{display: block;width: 100%;height: auto;}
.foot-main .foot-main-info .info-code p{margin-top: 10px;text-align: center;font-size: 13px;line-height: 1;}
.foot-main .foot-main-info .info-code-phone{margin-right: 20px;}
.foot-bottom .foot-link{margin-bottom: 26px;text-align: right;}
.foot-bottom .foot-link-inner{position: relative;display: inline-block;}
.foot-bottom .foot-link .foot-link-tit{line-height: 3em;color: #fff;cursor: pointer;padding: 0 18px;border: 1px solid #606060;}
.foot-bottom .foot-link .foot-link-tit i{margin-left: 32px;font-size: 12px;color: #fff;}
.foot-bottom .foot-link .foot-link-hide{display: none;position: absolute;bottom: 100%;left: 0;width: 100%;padding: 10px 18px;border: 1px solid #606060;border-bottom: none;box-sizing: border-box;}
.foot-bottom .foot-link .foot-link-hide a{display: block;font-size: 14px;text-align: left;}
.foot-bottom .foot-copyright{padding: 18px 0;border-top: 1px solid #323232;}
.foot-bottom .foot-copyright .p1{text-align: center;}
.foot-bottom .foot-copyright .p1 a{margin-left: 10px;}
.foot-bottom .foot-copyright .p2{float: right;}
.foot a:hover{color: #fff;}

/* 润阳科技 */
.com-banner{position: relative;height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.com-banner .com-banner-shadow{background: rgba(0,0,0,.15);background-image: url(img/com-banner-bg.png);background-position:  top center;background-repeat: no-repeat;}



.com-nav{position: relative;z-index: 2;text-align: center;border-bottom: 1px solid #e5e5e5;}
.com-nav .com-nav-a{position: relative;display: inline-block;margin: 0 36px;padding: 21px 0;}
.com-nav .com-nav-a::after{position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);display: block;content: "";width: 0;height: 3px;background: #ff5100;opacity: 0;transition: all .5s;}
.com-nav .com-nav-a:hover, .com-nav .on{color: #ff5100;}
.com-nav .com-nav-a:hover::after, .com-nav .on::after{width: 100%;opacity: 1;}

.about-greeting{}
.article-read{}
.article-read .article-read-top{position: relative;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
.article-read .article-read-top::after{position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);display: block;content: "";width: 120px;height: 3px;background: #ff5100;}
.article-read .article-read-top .article-read-tit{font-size: 45px;text-align: center;}
.article-read-con{padding: 50px 0 20px;}
.article-read-con p{margin-bottom: 1em;color: #555;line-height: 1.875;text-indent: 2em;text-align: justify;}
.article-read-con h6{margin-top: 25px;text-indent: 2em;}
.article-read-con h6 strong{font-size: 20px;font-weight: bold;}
.article-read-con strong, .article-read-con a{font-weight: normal;color: #ff5100;}
.article-read-con .service-info{text-align: center;}
.about-greeting-logo{position: relative;height: 325px;background: url(img/about-greeting-bg.jpg) center no-repeat;background-size: cover;}
.about-greeting-logo img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;}



.com-tit{position: relative;margin-bottom: 1.56em;font-size: 45px;line-height: 1;}
.com-tit::after{position: absolute;bottom: -28px;left: 0;display: block;content: "";width: 36px;height: 3px;background: #ff5100;}

.about-company{margin-top: 100px;margin-bottom: 90px;}
.about-company .about-company-main{margin-bottom: 70px;}
.about-company .about-company-text{width: 46%;}
.about-company .about-company-video{position: relative;width: 32%;}
.about-company-text p{margin-bottom: 1em;line-height: 1.875;color: #555;text-indent: 2em;text-align: justify;}
.about-company-text a{font-weight: bold;color: #ff5100;}
.about-company-text .com-tips{text-align: right;}
.about-company-tags{}
.about-company-tags .about-company-tags-ul{display: flex;justify-content: space-between;}
.about-company-tags .item{min-width: 200px;text-align: center;}
.about-company-tags .item .item-icon{display: block;width: 100px;height: 100px;margin: 0 auto 24px;background: #ff5100;border-radius: 50%;}
.about-company-tags .item .item-icon i{display: block;font-size: 44px;color: #fff;text-align: center;line-height: 100px;}
.about-company-tags .item .item-text{text-align: center;}
.about-company-tags .item .item-text .p1{margin-bottom: 8px;font-size: 35px;line-height: 1;font-weight: bold;color: #ff5100;}
.about-company-tags .item .item-text .p2{line-height: 1.875;text-align: center;color: #ff5100;}

.about-video{position: relative;height: 558px;background: url(img/about-video-img.jpg) center no-repeat;background-size: cover;}
.about-video .about-video-shadow{background: rgba(0,0,0,.2);}
.about-video-btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.about-video-btn i{display: block;margin-bottom: 14px;font-size: 75px;line-height: 1;color: #fff;text-align: center;}
.about-video-btn span{display: block;font-size: 14px;line-height: 1;text-align: center;color: #fff;text-transform: uppercase;letter-spacing: 1px;}
.video-layer{background: #000 !important;}
.video-layer .layui-layer-content{display: flex;align-items: center;height: calc(100% - 43px) !important;background: #000 !important;overflow: visible !important;}
.video-layer .layui-layer-content video{max-height: 100%;outline: none;border: none;}
.video-layer .layui-layer-maxmin, .layui-layer-page .layui-layer-min{display: none;}
video::-webkit-media-controls-fullscreen-button{ display: none !important;}

.about-team{}
.about-team .about-team-img{padding: 126px 0 88px;color: #fff;background: url(img/about-team-bg.jpg) center no-repeat;background-size: cover;}
.about-team .about-team-img .about-team-img-inner{display: flex;justify-content: space-between;}
.team-img-left{width: 30%;color: #fff;}
.team-img-right{width: 65%;padding: 50px 30px;background: rgba(255,255,255,.8);box-sizing: border-box;}

.team-img-top{margin-bottom: 50px;}

.about-team .about-team-img .com-tit::after{background: #fff;}
.about-team .about-team-img .subtit{font-size: 35px;line-height: 1;}
.about-team .about-team-bottom{margin-top: 20px;}


.about-team .about-team-sum p{margin-bottom: 1em;line-height: 1.875em;color: #333;text-indent: 2em;text-align: justify;}
.about-team .about-team-sum p:last-child{margin-bottom: 0;}
.about-team-tags{display: flex;flex-direction: column;justify-content: space-between;width: 90%;max-width: 300px;}
.about-team-tags .item-text .p1{margin-bottom: 15px;font-size: 50px;line-height: .8em;color: #ff5100;font-weight: bold;}
.about-team-tags .item-text .p2{font-size: 14px;color: #fff;}
.about-team-tags .com-tips{text-align: right;}


.about-history{padding: 70px 0 100px;background: url(img/about-history-bg.png) bottom center no-repeat;background-color: #fcfcfc;}
.history-main{position: relative;}

.history-container{}
.history-container .swiper-wrapper{align-items: flex-end;}
.history-container .item-year{text-align: center;line-height: 1;}
.history-container .item-year1{display: none;margin-bottom: .7em;font-size: 40px;color: #ff5100;}
.history-container .item-year2{font-size: 30px;color: #000;}
.history-container .item-img{width: ;height: ;margin-bottom: 26px;}
.history-container .item-img img{display: block;width: 100%;height: auto;}
.history-container .item-text{display: none;/*min-height: 8em;*/font-size: 14px;color: #555;line-height: 24px;/*height: 6em;*/overflow: hidden;}
.history-container .swiper-slide{width: 513px;transform: scale(.7);transition: transform .7s;}
.history-container .swiper-slide-active{transform: scale(1);}
.history-container .swiper-slide-active .item-year1{display: block;}
.history-container .swiper-slide-active .item-year2{display: none;}
.history-container .swiper-slide-active .item-text{display: block;}
.history-main .history-btn{position: absolute;bottom: 40%;left: 0;width: 100%;}
.history-main .history-btn .prev{left: 0;}
.history-main .history-btn .next{right: 0;}

.history-bottom{position: relative;}
.history-bottom::after{position: absolute;top: 33px;left: 0;display: block;content: "";width: 100%;height: 1px;background: #dcdcdc;}
.history-tabs{padding-top: 30px;}
.history-tabs .swiper-slide{font-size: 0;text-align: center;cursor: pointer;}
.history-tabs .swiper-slide .year-point{position: relative;display: inline-block;width: 7px;height: 7px;line-height: 1;background: #7d7d7d;border-radius: 50%;}
.history-tabs .swiper-slide .year-num{margin-top: 32px;font-size: 24px;line-height: 1em;color: #838383;font-weight: lighter;}
.history-tabs .swiper-slide-thumb-active .year-point::before, .history-tabs .swiper-slide-thumb-active .year-point::after{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;content: "";border-radius: 50%;}
.history-tabs .swiper-slide-thumb-active .year-point::after{width: 32px;height: 32px;background: #f0ded5;}
.history-tabs .swiper-slide-thumb-active .year-point::before{width: 15px;height: 15px;background: #ff5100;z-index: 2;}
.history-tabs .swiper-slide-thumb-active .year-num{margin-top: 20px;font-size: 45px;color: #ff5100;}
.slide-btn-circle{position: absolute;z-index: 9;}
.slide-btn-circle a{position: absolute;top: 50%;display: block;width: 50px;height: 50px;margin-top: -25px;border-radius: 50%;background: #e4e3e3;}
.slide-btn-circle i{display: block;font-size: 15px;font-weight: bold;line-height: 50px;text-align: center;}
.slide-btn-circle a:hover{color: #fff;background: #ff5100;border-color: #ff5100;}
.history-tabs-btn{top: 33px;left: 50%;margin-left: -700px;}
.history-tabs-btn .prev{left: -100px;}
.history-tabs-btn .next{right: -100px;}

.about-office{padding: 110px 0 124px;}
.about-office .item{margin-bottom: 26px;}
.about-office .item .item-top{display: flex;justify-content: space-between;align-items: center;height: 55px;padding: 0 40px 0 50px;background: #f5f5f5;border-radius: 55px;cursor: pointer;}
.about-office .item .item-tit{font-size: 20px;color: #333;}
.about-office .item .item-icon{color: #999;transform: rotate(-90deg);transition: all .7s;}
.about-office .item-hide{display: none;padding: 24px 0 10px;color: #333;box-sizing: border-box;}
.about-office .item-hide .item-area{display: flex;justify-content: space-between;align-items: center;margin-bottom: 26px;}
.about-office .item-hide .item-area:last-child{margin-bottom: 0;}
.about-office .item-hide .item-area>span{width: 50%;box-sizing: border-box;}
.about-office .item-hide .item-area .item-area-tit{position: relative;padding-left: 76px;}
.about-office .item-hide .item-area .item-area-tit::before{position: absolute;top: 50%;left: 50px;display: block;content: "";width: 6px;height: 6px;margin-top: -3px;background: #000;border-radius: 50%;}
.about-office .item-hide .item-area .item-area-city{}
.about-office .item-hide .item-area:hover{color: #ff5100;}
.about-office .item-hide .item-area:hover .item-area-tit::before{background: #ff5100;}
.about-office .item-active .item-top{background: #ffefe4;}
.about-office .item-active .item-tit{color: #ff5100;}
.about-office .item-active .item-icon{color: #ff5100;transform: rotate(0);}
.about-office .item-active .item-hide{}

.about-factory{margin-bottom: 80px;}
.about-factory-main{position: relative;}
.about-factory-main .about-factory-btn{position: absolute;top: 50%;left: 0;width: 100%;}
.about-factory-btn .prev{left: 0;}
.about-factory-btn .next{right: 0;}


.about-honor{padding-bottom: 135px;}
.about-honor .about-honor-top{display: flex;justify-content: space-between;margin-bottom: 35px;}
.about-honor-tabs{display: flex;justify-content: space-between;}
.about-honor-tabs a{display: block;width: 150px;height: 50px;margin-left: 20px;line-height: 46px;text-align: center;border-radius: 50px;border: 2px solid #000;box-sizing: border-box;}
.about-honor-tabs a:first-child{margin-left: 0;}
.about-honor-tabs .active{background: #ff5100;border-color: #ff5100;color: #fff;}
.about-honor-main{width: calc(100% + 200px);margin-left: -100px;}
.about-honor-main .about-honor-container .item{padding: 0 100px;box-sizing: border-box;}
.about-honor-main .slide-btn-circle{top: 50%;left: 0;width: 100%;}
.about-honor-main .slide-btn-circle .prev{left: 0;}
.about-honor-main .slide-btn-circle .next{right: 0;}
.about-honor-main .card img{display: block;width: 100%;height: auto;}

.about-plan-list{margin-bottom: 80px;}
.about-plan-ul .item{position: relative;padding: 94px 0 60px;border-bottom: 2px solid #dcdcdc;}
.about-plan-ul .item a{display: block;}
.about-plan-ul .item-img{width: 32%;}
.about-plan-ul .item-img img{display: block;width: 100%;height: auto;}
.about-plan-ul .item-text{width: 60.4%;}


.about-plan-ul .item-text .text-tit{position: relative;margin-bottom: 1.7em;}
.about-plan-ul .item-text .text-tit::after{position: absolute;left: 0;bottom: -24px;display: block;content: "";width: 36px;height: 3px;background: #e5e5e5;}
.about-plan-ul .item-text .text-sum{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;height: 5.4em;overflow: hidden;margin-bottom: 2.25em;color: #555;line-height: 1.8;}
.about-plan-ul .item-text .item-more{display: block;width: 120px;height: 44px;text-align: center;line-height: 40px;border: 2px solid #000;border-radius: 45px;box-sizing: border-box;}
.about-plan-ul .item::after{position: absolute;bottom: -2px;left: 0;display: block;content: "";width: 0;height: 2px;background: #ff5100;transition: all .8s;}
.about-plan-ul .item:hover::after{width: 100%;}
.about-plan-ul .item:hover .text-tit::after{background: #ff5100;}
.about-plan-ul .item:hover .item-more{background: #ff5100;border-color: #ff5100;color: #fff;}


.about-culture{}
.about-culture .culture-item{display: flex;justify-content: space-between;}
.about-culture .culture-item>div{width: 50%;}
.about-culture .culture-item-img{position: relative;padding-bottom: 26%;background: #f5f5f5;overflow: hidden;}
.about-culture .culture-item-img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: cover;transition: all 1s;}
/*.about-culture .culture-item-img:hover img{transform: scale(1.1);}*/
.about-culture .culture-item-text{display: flex;align-items: center;}
.about-culture .culture-item-text .text-tit{position: relative;margin-bottom: 1.56em;}
.about-culture .culture-item-text .text-tit::after{position: absolute;bottom: -28px;left: 0;display: block;content: "";width: 36px;height: 3px;background: #ff5100;}
.about-culture .culture-item-text .text-sum{color: #555;}
.about-culture .culture-item:nth-child(2n){flex-direction: row-reverse;}
.about-culture .culture-item:nth-child(2n+1) .text-inner{width: 60%;margin-left: 14%;}
.about-culture .culture-item:nth-child(2n) .text-inner{width: 64%;margin-left: 26%;}




/* 产品与服务 */
.product-banner{height: 620px;}
.area-intro .article-read-con{padding-top: 0;}
.area-intro .article-read-tit{display: flex;}
.area-intro .article-read-tit i{display: block;margin-left: 24px;font-size: 30px;line-height: 90px;color: #f47513;}
.area-intro .article-read .article-read-top .article-read-tit{text-align: left;}
.area-intro .article-read .article-read-top::after{left: 0;transform: translateX(0);}
.area-img{height: 650px;/*margin-bottom: 75px;*/background-position: center;background-repeat: no-repeat;background-size: cover;}
.area-parameter{margin-bottom: 78px;}
.area-com-tit{margin-bottom: 1.5em;line-height: 1.2;}
.area-parameter table{display: table;width: 100%;margin-bottom: 10px;border: 0;border-collapse: collapse;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.area-parameter table th{padding: 10px;font-size: 20px;font-weight: normal;color: #fff;background: #959595;border: 1px solid #fff;}
.area-parameter table th, .area-parameter table td{text-align: center;}
.area-parameter table td{padding: 8px 10px;color: #333;border: 0;border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.area-overview{margin-bottom: 145px;}
.area-overview .area-overview-tit{margin-bottom: 1.7em;font-size: 35px;line-height: 1;}
.area-overview .area-overview-con{}
.area-overview .area-overview-con img{display: block;max-width: 100%;height: auto;margin: 0 auto;}
.area-product{margin-bottom: 70px;padding: 72px 0;background: #f5f5f5;}
.area-product-tabs{margin-bottom: 60px;}
.area-product-tabs a{float: left;display: flex;justify-content: center;align-items: center;width: 15%;height: 50px;margin-right: 2%;margin-bottom: 2%;font-size: 15px;color: #333;background: #fff;border-radius: 8px;}
.area-product-tabs a:nth-child(6n){margin-right: 0;}
.area-product-tabs .active{background: #ff5100;color: #fff;}
.area-product-main{}
.area-product-container .item-main{display: flex;margin-bottom: 75px;}
.area-product-container .item-img{width: 38%;}
.area-product-container .item-text{width: 62%;padding: 32px 80px 10px 46px;background: #fff;box-sizing: border-box;}
.area-product-container .item-img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.area-product-container .item-text .text-tit{margin-bottom: 36px;padding-bottom: 20px;font-size: 0;line-height: 1;border-bottom: 1px solid #e5e5e5;}
.area-product-container .item-text .text-tit span{position: relative;display: inline-block;font-size: 30px;line-height: 1;color: #333;}
.area-product-container .item-text .text-tit span::after{position: absolute;left: 0;bottom: -21px;display: block;content: "";width: 100%;height: 2px;background: #ff5100;}
.area-product-container .item-text .text-sum{}
.area-product-container .item-text .text-sum li{margin-bottom: 8px;color: #333;}
.area-product-container .item-tags{}
.area-product-container .item-tags .item-tags-tit{margin-bottom: 1em;}
.area-product-container .item-tags .item-tags-list{}
.area-product-container .item-tags .item-tags-list a{float: left;display: flex;justify-content: space-between;margin-right: 20px;margin-bottom: 10px;padding: 5px 20px;font-size: 18px;color: #fff;background: #ff5100;border-radius: 42px;}
.area-product-container .item-tags .item-tags-list i{margin-left: 20px;font-size: 14px;}

.area-item-container{position: relative;}
.area-item-container .area-item-btn{position: absolute;left: 0;top: 36%;width: 100%;z-index: 9;}
.area-item-container .area-item-btn .prev{left: 0;}
.area-item-container .area-item-btn .next{right: 0;}



.service-happy1{padding: 96px 0 84px;}
.service-happy1 .service-happy1-inner{}
.service-happy1 .service-happy1-title{margin-bottom: 50px;}
.service-happy1 .service-happy1-main{display: flex;justify-content: space-between;align-items: center;}
.service-happy1 .service-happy1-text p{font-size: 24px;color: #555;line-height: 2;}
.service-happy1 .service-happy1-text p strong{font-weight: bold;color: #ff5100;}
.service-happy1 .service-happy1-img{width: 116px;height: 116px;border-radius: 50%;border: 1px solid #e7e7e7;}
.service-happy1 .service-happy1-img i{display: block;font-size: 70px;line-height: 116px;color: #ff5100;text-align: center;}
.service-happy2{height: 600px;color: #fff;background-image: url(img/service-happy2-bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.service-happy2 .service-happy2-inner{}
.service-happy2 .service-happy2-main{float: left;width: 42%;margin-top: 13%;}
.service-happy2 .service-happy2-title .cn-tit{margin-bottom: 1em;}
.service-happy2 .service-happy2-text p{line-height: 2;}
.service-happy3{padding: 92px 0;}
.service-happy3 .service-happy3-inner{}
.service-happy3 .service-happy3-title{margin-bottom: 56px;}

.service-file{padding: 60px 0;}


.img-main{position: relative;}
.img-main .img-container{}
.img-main .img-container .item{}
.img-main .img-container .item img{display: block;width: 100%;height: auto;}
.img-main .img-btn{display: none;position: absolute;top: 50%;left: 0;width: 100%;}
.img-main .img-btn a{position: absolute;display: block;width: 50px;height: 50px;margin-top: -25px;border-radius: 50%;background: #e4e3e3;}
.img-main .img-btn i{display: block;font-size: 15px;font-weight: bold;line-height: 50px;text-align: center;}
.img-main .img-btn .prev{left: -60px;}
.img-main .img-btn .next{right: -60px;}
.img-main .img-btn a:hover{color: #fff;background: #ff5100;border-color: #ff5100;}
.service-happy4{padding: 42px 0 120px;background-image: url(img/service-happy4-bg.jpg);background-position: bottom center;background-repeat: no-repeat;background-size: cover;}
.service-happy4 .service-happy4-title{margin-bottom: 64px;}
.service-happy4-ul{}
.service-happy4-ul li{display: flex;justify-content: center;align-items: center;float: left;width: 20%;height: 114px;margin-bottom: 65px;}
.service-happy4-ul li img{display: block;max-width: 100%;height: auto;}
.service-happy4-ul li:nth-child(5n+1){justify-content: flex-start;}
.service-happy4-ul li:nth-child(5n){justify-content: flex-end;}






/* 科技润阳 */
.technology-intro{position: relative;margin-top: 56px;}
.technology-intro-text{/*width: 50%;*/margin: 0 auto;padding: 20px 0 50px;color: #555;}
.technology-intro-text p{line-height: 1.875;text-align: center;}
.technology-btns{display: none;position: absolute;right: 0;top: 52.63%;/*display: flex;*/justify-content: space-between;width: 144px;}
.technology-btn {display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background: #eeeeee;cursor: pointer;transition: all .5s;}
.technology-btn img.hover{display: none;}
.technology-btn:hover{box-shadow: 0 0 38px rgba(141, 56, 14, .25);background: #ff5100;}
.technology-btn:hover img.leave{display: none;}
.technology-btn:hover img.hover{display: block;}
.technology-swiper{padding: 0 1px;}
.technology-swiper ul{display: flex;}
.technology-swiper li{width: 132px;}
.technology-swiper-pic{position: relative;margin-bottom: 16px;border-radius: 50%;border: 2px solid transparent;overflow: hidden;transition: transform .7s;}
.technology-swiper-pic img{display: block;width: 100%;height: auto;border-radius: 50%;}
.technology-swiper li p{color: #999;line-height: 1em;text-align: center;transition: all .5s;}
.technology-swiper li:hover .technology-swiper-pic{border-color: #ff5100;/*transform: rotateY(180deg);*/}
.technology-swiper li:hover p{color:#ff5100;}



.technology-main{margin-top: 50px;padding: 96px 0 103px;background: #f5f5f5;}
.technology-nav{display: flex;justify-content: space-between;margin-bottom: 72px;}
.technology-nav a{display: block;width: 15%;height: 76px;border-radius: 10px;color: #555;font-size: 18px;line-height: 76px;text-align: center;background: #fff;transition: all .5s;}
.technology-nav a:hover,.technology-nav a.on{color: #fff;background: #ff5100;}
.technology-content{width: 91.51%;margin: 0 auto;padding: 111px 0 130px;border-radius: 20px;background: url(/static/img/tech-bg.jpg) center/cover no-repeat;}
.technology-content17{background-image: url(img/tech-bg1.jpg);}
.technology-content18{background-image: url(img/tech-bg2.jpg);}
.technology-content19{background-image: url(img/tech-bg3.jpg);}
.technology-content20{background-image: url(img/tech-bg4.jpg);}


.technology-desc{max-width: 90%;width: 1273px;margin: 0 auto;padding: 57px 30px 48px;box-sizing: border-box;background: rgba(255, 255, 255, .9);box-shadow: 0 0 10px rgba(0,0,0,.2);}
.technology-title{position: relative;padding-bottom: 20px;text-align: center;}
.technology-title::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 64px;height: 3px;background: #ff5100;}
.technology-info{margin-top: 38px;color: #555;font-size: 16px;text-indent: 2em;}
.technology-info p{line-height: 1.5;margin-bottom: .5em;}
.technology-info p:last-child{margin-bottom: 0;}
.technology-info p strong{font-weight: bold;color: #ff5100;}

.technology-pro{margin-top: 77px;margin-bottom: 50px;}
.technology-pro-title{text-align: center;}
.technology-pro-title.fp{margin-bottom: 60px;}
.technology-pro-icon{display: flex;justify-content: center;align-items: center;;margin: 40px auto 30px;}
.technology-pro-icon li{position: relative;display: flex;justify-content: center;align-items: center;width: 130px;height: 130px;margin: 0 10px;box-sizing: border-box;border: 8px solid transparent;border-radius: 50%;background: #f5f5f5;transition: all .5s;}
.technology-pro-icon li p{position: relative;display: none;color: #fff;font-size: 15px;line-height: 1.5em;text-align: center;z-index: 2;}
.technology-pro-iconbg{position: absolute;width: 115px;height: 115px;font-size: 0;border-radius: 50%;background: transparent;transition: all .5s;}

.technology-pro .area-parameter{margin-bottom: 90px;}
.technology-pro-swiper{position: relative;margin: 50px 0 80px;}
.technology-pro-swiper li{width: 44.27%;transform: scale(.8125);transition: all .5s;}
.technology-pro-pic{position: relative;width: 100%;padding-bottom: 70.6%;}
.technology-pro-pic img{position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.technology-pro-swiper li p{padding-top: 26px;color: #000;font-size: 24px;line-height: 1em;text-align: center;opacity: 0;transition: all .5s;}
.technology-pro-swiper li.swiper-slide-active{transform: scale(1);}
.technology-pro-swiper li.swiper-slide-active p{opacity: 1;}
.technology-pro-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;cursor: pointer;}
.technology-pro-btn.prev{left: 25.1%;}
.technology-pro-btn.next{right: 25.1%;}
.technology-pro-main{margin-bottom: 60px;}


/* 新科技润阳 */
.rd-wrap-section .section-tit{margin-bottom: 50px;padding-bottom: 32px;line-height: 1;text-align: center;border-bottom: 1px solid #ededed;}
.rd-wrap-section .section-tit span{position: relative;display: inline-block;color: #ff5100;}
.rd-wrap-section .section-tit span::after{position: absolute;bottom: -34px;left: 50%;display: block;content: "";width: 52px;height: 3px;margin-left: -26px;background: #ff5100;}
.rd-wrap1 .rd-wrap1-section .section-tit{padding-left: 6%;padding-right: 6%;text-align: left;}
.rd-wrap1 .rd-wrap1-section2 .section-tit{padding-left: 6%;padding-right: 6%;text-align: right;}
.rd-wrap1-section1 .section-tit span::after{left: 0;margin-left: 0;}
.rd-wrap1-section2 .section-tit span::after{left: auto;right: 0;margin-left: 0;}

.rd-wrap-section .section-box{display: flex;justify-content: space-between;align-items: center;width: 88%;margin: 0 auto;}
.rd-wrap1-section2 .section-box{flex-direction: row-reverse;}
.rd-wrap-section .section-box .section-summary{width: 42%;}
.rd-wrap-section .section-box .section-main{width: 50%;}
.rd-wrap-section .section-summary{margin-bottom: 56px;}
.rd-wrap-section .section-summary p{color: #999;text-align: center;}


.rd-wrap1-section .section-summary p{text-align: left;}
.rd-wrap1-section2 .section-summary p{text-align: right;}
.rd-wrap1-section1 .section-main .item{width: 31%;}
.rd-wrap-section .section-main .item img{display: block;width: 100%;height: auto;}
.rd-wrap-section .section-container{display: flex;justify-content: space-between;margin: 0 auto;}
.rd-wrap-section-center .section-main .section-container{justify-content: center;}
.rd-wrap1{position: relative;margin-top: 114px;margin-bottom: 110px;}
.rd-wrap1 .rd-wrap1-section{margin-bottom: 106px;}
.rd-wrap1 .rd-wrap1-tit{margin-bottom: 2em;}
/*.rd-wrap1 .section-main .section-container{width: 858px;}*/
.rd-wrap2{position: relative;display: flex;justify-content: space-between;margin-bottom: 102px;}
.rd-wrap2 .rd-wrap2-main{width: 40%;background: #fff9f5;}
.rd-wrap2 .rd-wrap2-img{width: 60%;}
.rd-wrap2 .rd-wrap2-main .rd-wrap2-text{position: absolute;top: 26%;left: 50%;height: 74%;margin-left: -700px;max-width: 360px;background: url(img/rd-wrap2-bg.png) bottom center no-repeat;background-size: 100% auto;}
.rd-wrap3 .rd-wrap3-section{margin-bottom: 138px;}
.rd-wrap3 .item p{font-size: 18px;line-height: 50px;color: #fff;text-align: center;background: #ff5100}
.rd-wrap3 .section-main{max-width: 1100px;margin: 0 auto;}
.rd-wrap3 .rd-wrap3-section1 .item{width: 16%;}
.rd-wrap3 .rd-wrap3-section2 .item{width: 20%;}

.rd-center{display: flex;justify-content: space-between;align-items: center;margin-top: 5.2%;margin-bottom: 5.2%;margin-left: calc(50% - 700px);}
.rd-center .rd-center-left{max-width: 32%;}
.rd-center .rd-center-left .rd-center-top{}
.rd-center .rd-center-left .rd-center-top .rd-center-summary{margin-bottom: 1em;font-size: 30px;color: #ff5100;line-height: 1.5;margin-left: -20px;}
.rd-center .rd-center-text p{color: #555;text-indent: 2em;}
.rd-center .rd-center-right{position: relative;width: 62%;}
.rd-center .rd-center-img{display: block;width: 100%;height: auto;}
.rd-center .rd-center-info{position: absolute;right: 23%;bottom: 16%;color: #fff;text-align: right;}
.rd-center .rd-center-info p{line-height: 1;font-weight: bold;}
.rd-center .rd-center-info .p1{margin-bottom: 10px;font-size: 50px;}
.rd-center .rd-center-info .p1 span{font-size: 80px;}
.rd-center .rd-center-info .p2{margin-bottom: 46px;font-size: 30px;}
.rd-center .rd-center-info .rd-info-icon{max-width: 90%;width: 368px;display: inline-flex;justify-content: space-between;}
.rd-center .rd-center-info .rd-info-icon img{display: block;width: 80px;height: auto;margin: 0 auto;}
.rd-center .rd-center-info .rd-info-icon span{font-size: 14px;color: #fff;font-weight: bold;}


.rd-lab{position: relative;margin-top: 5.2%;padding-bottom: 70px;background: url(img/lab-bg.jpg) bottom center no-repeat;background-size: cover;}
.rd-lab .rd-lab-word{position: absolute;top: 6.3%;right: 20px;font-size: 180px;font-weight: bold;line-height: 1;color: #ff5100;opacity: .07;text-transform: uppercase;writing-mode:vertical-lr;}
.rd-lab .rd-lab-main{width: 40%;}
.rd-lab .rd-lab-tit{margin-bottom: }
.rd-lab p{font-size: ;color: #555;}



/* 投资者关系 */

#investor-news .section-inner{padding-top: 60px;}
.investor-hotline{position: relative;height: 595px;;box-sizing: border-box;overflow: hidden;}
.investor-hotline .investor-hotline-main{width: 42%;}
.investor-hotline .investor-hotline-img{position: relative;z-index: 2;width: 58%;height: 100%;background-image: url(img/investor-hotline-img.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}

.investor-hotline .investor-text{position: absolute;left: 50%;margin-left: -700px;}
.investor-hotline .investor-text .text-tit{margin-top: 124px;}
.investor-hotline .investor-text .text-tel{display: block;margin-bottom: 2em;font-size: 35px;line-height: .8em;color: #ff5100;}
.investor-hotline .investor-text .text-contact{display: flex;justify-content: space-between;align-items: center;width: 180px;height: 54px;padding: 0 30px;line-height: 52px;text-align: center;border-radius: 54px;border: 1px solid #000;box-sizing: border-box;}
.investor-hotline .investor-text i{display: block;font-size: 20px;line-height: 52px;color: #000;}
.investor-hotline .investor-text span{display: block;line-height: 52px;}
.investor-hotline .investor-text .text-contact:hover{border-color: #ff5100;background: #ff5100;color: #fff;}
.investor-hotline .investor-text .text-contact:hover i{color: #fff;}
.investor-hotline .investor-hotline-word{position: absolute;bottom: -16px;left: -10px;}
.investor-hotline .investor-hotline-word span{font-size: 170px;line-height: .8em;color: transparent;-webkit-text-stroke: 1px #fde7d3;}


.news-section .section-inner{padding: 118px 0 120px;background: #f6f6f6;}
.news-section-top{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 3%;}
.news-section-top .en-tit{margin-bottom: .3em;font-size: 60px;color: #999;opacity: .25;line-height: .8em;}
.news-section-top .news-section-tabs{}
.news-section-top .news-section-tabs a{position: relative;margin-left: 30px;padding-left: 20px;font-size: 18px;color: #999;}
.news-section-top .news-section-tabs a:first-child{margin-left: 0;}
.news-section-top .news-section-tabs a::before{display: none;position: absolute;top: 50%;left: 0;content: "";width: 8px;height: 8px;margin-top: -4px;background: #ff5100;border-radius: 50%;}
.news-section-top .news-section-tabs .active{color: #000;}
.news-section-top .news-section-tabs .active::before{display: block;}
.news-section-main{}






.news-item{display: flex;justify-content: space-between;}
.news-item>div{box-sizing: border-box;}
.news-item .item-card{width: 36%;background: #fff;}
.news-item .item-list{width: 62%;}
.news-item .date span{display: block;line-height: .8;}
.news-item .date .date-day{margin-bottom: 18px;font-size: 50px;color: #cdcdcd;}
.news-item .date .date-year{font-size: 17px;color: #cecece;}
.news-item .text-tit{height: 1em;font-size: 20px;line-height: 1em;overflow: hidden;}
.news-item .more-btn{display: block;width: 40px;height: 40px;text-align: center;transform: rotate(180deg);border: 1px solid #d3d3d3;border-radius: 50%;box-sizing: border-box;}
.news-item .more-btn i{font-size: 12px;color: #000;line-height: 40px;}
.news-item .item-card{}
.news-item .item-card .item-card-img{}
.news-item .item-card .item-card-img img{display: block;width: 100%;height: auto;}
.news-item .item-card .text-tit{display: -webkit-box;height: 1em;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin-bottom: 40px;}
.news-item .item-card .text-tool{display: flex;justify-content: space-between;align-items: center;}
.news-item .item-list .item-list-tit{margin-bottom: 1em;font-size: 20px;line-height: 1em;}
.news-item .item-list .item-list-wrap{padding: 20px 50px;background: #fff;}
.news-item .item-list-link{display: flex;justify-content: space-between;align-items: center;height: 50px;}
.news-item .item-list-link:last-child{margin-bottom: 0 !important;}
.news-item .item-list-link .date{width: 16%;border-right: 1px solid #e5e5e5;}
.news-item .item-list-link .item-list-main{display: flex;justify-content: space-between;align-items: center;width: 77%;}
.news-item .item-list-link .item-list-main .item-list-text{width: calc(100% - 70px);}
.news-item .item-list-link .item-list-main .text-sum{display: -webkit-box;height: 1em;line-height: 1;color: #777;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news-item a:hover .date span{color: #ff5100;}
.news-item a:hover .text-tit, .news-item a:hover .text-sum{color: #ff5100;}
.news-item a:hover .more-btn{background: #ff5100;border-color: #ff5100;}
.news-item a:hover .more-btn i{color: #fff;}


.i-news-main .item-card{margin-top: 40px;}
.i-news-main .item-card .item-card-text{padding: 38px 36px 44px;}
.i-news-main .item-list{display: flex;flex-direction: column;justify-content: space-between;}
.i-news-main .item-list .item-list-link{margin-bottom: 10px;}

.news-section-main .item-card .item-card-img{margin-bottom: 36px;}
.news-section-main .item-card .item-card-text{padding: 10px 36px 30px;}
.news-section-main .item-list{padding: 40px 50px;background: #fff;}
.news-section-main .item-list .text-tit{font-size: 18px;}

.news-read{position: relative;padding: 56px 0 160px;}
.news-read .news-read-top{position: relative;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
.news-read-top .news-tit{margin-bottom: .5em;font-size: 24px;line-height: 1.5em;color: #333;text-align: center;}
.news-read-top .news-info{text-align: center;}
.news-read-top .news-info span{display: inline-block;margin: 0 35px;color: #808080;}
.com-read .news-read-top .news-tit{margin-bottom: 0;}
.news-read .news-read-con{padding: 40px 0;}
.editor-con p, .editor-con div{margin-bottom: 1.75em;line-height: 1.75em;color: #808080;}
.editor-con p{text-indent: 2em;}
.editor-con img, .editor-con video, .editor-con iframe{display: block;max-width: 100%;height: auto;margin: 0 auto;}
.editor-con{overflow: auto;}
.editor-con table{width: 100% !important;border-collapse: collapse}
.editor-con table td{padding: 10px;}
.page-slide{margin-top: 50px;border-top: 1px solid #ddd;}
.page-slide a{position: relative;display: block;line-height: 50px;}
.page-slide a:hover{color: #ff5100;}
.page-slide a:hover .icon{background-color: #ff5100 !important;}

/* 人才发展 */
.talent-team-nav{margin-bottom: 0;}
.talent-team{margin-top: 3%;margin-bottom: 4.7%;padding-top: 110px;}
.talent-team .talent-team-main{}
.talent-team-img{width: 31.7%;margin-top: 7px;}
.talent-team-text{width: 63.6%;}
.talent-team-img img{display: block;width: 100%;height: auto;}
.talent-team-text .talent-team-sum{margin-bottom: 26px;}
.talent-team-text .talent-team-sum p{color: #555;line-height: 1.875em;text-indent: 2em;}
.talent-team-text .talent-team-info{margin-bottom: 46px;font-size: 14px;color: #999;}
.talent-team-text .talent-team-more{}
.talent-bg{height: 600px;background: url(img/talent-team-img1.jpg) center no-repeat;background-size: cover;}
.talent-job{padding: 110px 0 186px;background: url(img/talent-job-bg.jpg) bottom center no-repeat;background-size: cover;}
.talent-job .talent-job-sum{margin-bottom: 56px;}
.talent-job .talent-job-sum p{line-height: 1.875;color: #555;text-indent: 2em;}

.development-nav{margin-bottom: 92px;}
.development-target{position: relative;margin-top: 3%;padding-bottom: 90px;background: url(img/development-target-bg.png) center no-repeat;background-size: cover;}
.development-target .development-target-bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 240px;}
.development-target .development-target-inner{position: relative;z-index: 99;}
.development-target-text{width: 58%;margin-top: 45px;}
.development-target-text .text-sum p{word-break:break-all;}
.development-target-img{width: 26%;margin-right: 6%;}
.development-target-text .text-tit{margin-bottom: 1.3em;color: #ff5100;}
.development-envir{padding: 100px 0;}
.development-envir .com-tit{}
.development-envir .envir-pic{margin-bottom: 38px;}
.envir-container .swiper-slide{height: 500px;transform: scale(.8);;background-position: center;background-repeat: no-repeat;background-size: cover;transition: all .7s;}
.envir-container .swiper-slide-active{transform: scale(1);}
.slide-btn-arrow{position: absolute;z-index: 9;}
.slide-btn-arrow a{position: absolute;top: 50%;transform: translateY(-50%);}
.slide-btn-arrow i{font-size: 36px;color: #000;}
.slide-btn-arrow a:hover i{color: #ff5100;}
.envir-btn{top: 50%;left: 50%;transform: translateX(-50%)}
.envir-btn .prev{left: -70px;margin-top: -18px;}
.envir-btn .next{right: -70px;margin-top: -18px;}
.development-envir .envir-main{}
.development-envir .envir-main .envir-text{margin-bottom: 52px;}
.envir-tags{display: flex;justify-content: space-between;}
.envir-tags .item{width: 22%;padding: 20px 26px;padding-left: 26px;line-height: 1;text-transform: uppercase;color: #555;border: 1px solid #eee;border-radius: 8px;box-sizing: border-box;}
.envir-tags .item .item-num{margin-bottom: 10px;line-height: 1;}
.envir-tags .item .item-num span{margin-right: 6px;font-size: 26px;font-weight: bold;}
.envir-tags .item .item-text{line-height: 1.2;color: #999;}
.envir-tags .item:hover{color: #fff;background-color: #ff5100;background-image: url(img/logo-bg.png);background-position: right top;background-repeat: no-repeat;}
.envir-tags .item:hover .item-text{color: #fff;}
.development-resp .development-resp-img{height: 550px;background-image: url(img/development-resp1.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.development-resp .development-resp-main{padding: 78px 0 92px;}
.development-resp .development-resp-text{width: 77%;}
.development-resp .development-resp-text h6{font-size: 16px;font-weight: bold;color: #ff5100;text-indent: 2em;}

/* 联系我们 */
.contact-msg{display: flex;justify-content: space-between;}
.contact-msg .msg-map{width: 68%;height: 650px;}
.BMapLabel{left: 4px !important;top: -85px !important;width: 120px;height: 80px;;font-size: 0 !important;border: none !important;background: url(img/map-logo.png) transparent no-repeat !important;background-size: 50px 66px !important;background-position: center !important;transform: translateX(-50%);}
.BMap_pop, .BMap_shadow, .BMap_cpyCtrl, .anchorBL{display: none !important;}
.contact-msg .msg-info{width: 32%;height: ;background: url(img/msg-info-bg.jpg) bottom center no-repeat;}
.contact-msg .msg-info .msg-info-ul{margin-left: 17%;margin-top: 78px;}
.msg-info-ul .item{margin-bottom: 36px;}
.msg-info-ul .item .item-icon{margin-bottom: 8px;line-height: 1;}
.msg-info-ul .item .item-icon i{font-size: 30px;color: #ff5100;}
.msg-info-ul .item .item-text{line-height: 1.875em;}
.msg-info-ul .item .item-text span{font-weight: bold;}
.msg-info-ul .item .item-text a{display: block;}
.msg-info-ul .item .item-text a span{font-weight: bold;}
.contact-statement{margin-bottom: 100px;}
.contact-con{padding-top: 100px;}
.contact-con .com-tit{}
.contact-con .contact-con-main{/*height: 290px;*/padding: 38px 50px;background: url(img/contact-con-bg.png) top 32px right 34px no-repeat;border: 1px solid #e5e5e5;box-sizing: border-box;transition: all .7s;}
.contact-con .contact-con-main-inner{height: 100%;overflow-y: auto;}
.contact-con li{font-size: ;color: #555;line-height: 1.875em;}
.scrollbar{overflow-y: auto;}
.scrollbar::-webkit-scrollbar { 
  width: 2px;
  background-color: rgba(238,238,238,0.9);
} 
.scrollbar::-webkit-scrollbar-thumb { 
background-color: #ff5100;
} 
.scrollbar::-webkit-scrollbar-track { 
-webkit-box-shadow: inset 0 0 3px rgba(238,238,238,0.9);
background-color: #fff; 
}
.contact-con-info{margin-bottom: 20px;color: #ff5100;line-height: 1;}
.contact-con-main:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}